<ion-content>

  <ion-header>
    <ion-toolbar>
      <ion-title>
        <div *ngFor="let u of user;let idx=index; " class="medium-bottom-left">
          <ion-icon name="chevron-back-outline" style="width: 3em;height: 3em;" (click)="goBack()"></ion-icon>
          <img src="{{u?.get('img')}}">
          <span>{{u?.get('name')}}</span>
        </div>
      </ion-title>
    </ion-toolbar>
  </ion-header>
  
  <ng-container *ngFor="let med of medium;let idx=index; ">
    <img src="{{med?.get('medium')}}">
    <div class="text">
      <span>{{med?.get('text')}}</span>
    </div>
  </ng-container>
  
  
  <ion-list>
    <ion-item *ngFor="let com of commentUserList; let index">
      <ion-avatar slot="start">
        <img src="{{com?.get('user')?.get('img')}}">
        <!-- 评论者头像 -->
      </ion-avatar>
      <ion-label>
        <div class="comment">
          <div class="small-1">
            {{com?.get('user')?.get('name')}}
          </div>
          <div class="small-2">
            {{com?.get('text')}}
  
          </div>
          <div class="small-3">
            {{com?.get('user')?.get('updatedAt')| date :"MM-dd" }}
          </div>
        </div>
      </ion-label>
    </ion-item>
  </ion-list>
<!-- <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll> -->
</ion-content>
<!-- <p>{{medium?.get('user').get("userId")}}</p> -->